<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<#assign path="${request.getContextPath()}">
<html>

<head>
<title>Welcome Page</title>
<script type="text/javascript" src="${path}/script/jquery-1.7.1.js"></script>
<link rel='stylesheet' href="${path}/style/demo.css" type="text/css" media="all" />
<link rel="icon" href="images/small-logo.ico" />
<script type="text/javascript">
	$(function() {
		var $items = $('#vtab>ul>li');
		$items.mouseover(function() {
			$items.removeClass('selected');
			$(this).addClass('selected');

			var index = $items.index($(this));
			$('#vtab>div').hide().eq(index).show();
		}).eq(1).mouseover();
	});
</script>
</head>

<body>
	<div id="vtab">
		<ul>
			<li class="home"></li>
			<li class="login"></li>
			<li class="support"></li>
		</ul>
		<div>
			<h4>Welcome Home~</h4>
			<p>
				ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dictum
				tincidunt <br> metus, vitae porta elit mollis eget. Sed id nisl
				nec lorem tincidunt sodales. Etiam <br> a dolor tellus, vel
				rhoncus ligula? Duis adipiscing vehicula urna ut pellentesque! <br>
				Duis eleifend lacinia diam a rhoncus. Integer viverra dolor eget
				eros consequat <br> facilisis. Curabitur dignissim dignissim
				lacinia! facilisis. Curabitur dignissim dignissim lacinia!
			</p>
			<p>
				Sed bibendum velit et magna placerat bibendum. Donec vitae leo ante.
				Nulla semper dapibus felis et luctus. Donec congue, lectus eget
				ullamcorper sagittis, orci enim aliquam risus, eget adipiscing quam
				neque sed eros. Donec commodo nisi varius augue lacinia pharetra.
				Cras lacinia fermentum luctus. Nunc venenatis commodo lorem, vitae
				pulvinar neque dignissim sed. Proin blandit rhoncus risus, sit amet
				eleifend quam <br> eleifend sed.
			</p>
		</div>
		<div>
			<h4>Login</h4>
			<form id="loginForm" action="login.do" commandName="loginUser" method="post">
				<fieldset>
					<legend> You need to sign in with your Email &amp;
						Password to continue. </legend>
					<div>
						<label for="email"> <br> Email or Username: </label>
						<p></p>
						<input id="email" type="text" name="email"	title="Input username or email to login" />
					</div>
					<div>
						<label for="password"> <br> Password: </label>
						<p></p>
						<input id="password" type="password" name="password" />
					</div>
					<div id="submitLogin">
						<input id="login" type="submit" value="Login">
					</div>
				</fieldset>
			</form>
		</div>
		<div>
			<h4>Online Support</h4>
			<p>
				Maecenas in varius nulla. Morbi leo elit, volutpat ac faucibus in;
				aliquam eget <br> massa. Nullam a neque ac turpis luctus
				venenatis et placerat risus. Quisque pretium <br> scelerisque
				sapien, et accumsan nunc venenatis non. Donec ullamcorper, leo
				gravida <br> hendrerit interdum, tellus nisi vestibulum justo;
				quis dignissim enim risus quis <br> ipsum.
			</p>
			<p>Mauris fringilla, urna vitae posuere commodo, neque tellus
				tincidunt nisi, aliquam scelerisque purus nulla ac enim. Cras urna
				urna, vestibulum ut aliquam sed, laoreet et justo! Vestibulum
				eleifend porta mollis. Donec molestie, turpis sed commodo consequat,
				erat purus sollicitudin arcu, non vestibulum risus lacus ac ipsum.
				Curabitur vitae pellentesque purus.</p>
		</div>
	</div>
</body>
</html>